<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
<meta charset="utf-8"></meta>
<title>人员信息</title>
<script th:inline="javascript">
	window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
</script>
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.raty2.js}"></script>
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/stylesheets/QTouchIndexPartsStyle.css}" />
</head>
<body class="qTouchIndexBackground">
	<ul id="myTab" class="nav nav-tabs">
		<li class="active"><a href="#baseMsg" data-toggle="tab"> 基本信息
		</a></li>
		<li><a href="#OneMsg" data-toggle="tab">处理中</a></li>
		<li><a href="#TwoMsg" data-toggle="tab">待接收</a></li>
	</ul>
	<div id="myTabContent" class="tab-content">
		<input type="hidden" id="userId" th:value="${userId}" />
		<div class="tab-pane fade in active" id="baseMsg">
			<form class="form-horizontal" role="form">
				<div class="form-group">
					<div class="col-sm-6">
						<div class="form-group">
							<label class="col-sm-4 control-label">姓名</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput"
									id="name" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">性别</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput" id="sex"
									value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">电话</label>
							<div class="col-sm-8" id="divstar">
								<input type="text" class="form-control indexPartsInput"
									id="contactType" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">电邮</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput"
									id="email" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">组织</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput"
									id="hierarchy" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">轨迹跟踪</label>
							<div class="col-sm-8">
								<!-- <div class="col-md-6">
									<input class="radioIterm" type="radio" name="follow" id="follow_y"
										value="follow_y"/>是
								</div>
								<div class="col-md-6">
									<input class="radioIterm" type="radio" name="follow" id="follow_n"
										value="follow_n" />否
								</div> -->
								<button type="button" class="btn btn-info searchBtn" id="followBtn"></button>
								<input type="hidden" id="isFollow" th:value="${isFollow}"/>
							</div>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label class="col-sm-4 control-label">岗位</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput"
									id="post" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">职务</label>
							<div class="col-sm-8">
								<input type="text" class="form-control indexPartsInput"
									id="position" value="" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-4 control-label">头像</label>
							<div class="col-sm-8">
								<img src="" width="100px" height="130px" class="img-responsive"
									id="iconAddress" />
							</div>
						</div>
					</div>
				</div>

			</form>
		</div>
		<div class="tab-pane fade" id="OneMsg">
			<form class="form-horizontal" role="form">
				<div class="form-group">
					<div class="col-sm-12">
						<div class="form-group">
							<label class="col-sm-2 control-label">处理中信息</label>
							<div class="col-sm-10">
								<table class="table">
									<thead>
										<tr>
											<th width="15%">登记时间</th>
											<th width="15%">登记名称</th>
											<th width="15%">事件类型</th>
											<th width="28%">内容</th>
											<th width="27%">备注</th>
										</tr>
									</thead>
									<tbody id="dealtWith">
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		<div class="tab-pane fade" id="TwoMsg">
			<form class="form-horizontal" role="form">
				<div class="form-group">
					<div class="col-sm-12">
						<div class="form-group">
							<label class="col-sm-2 control-label">待接收信息</label>
							<div class="col-sm-10">
								<table class="table">
									<thead>
										<tr>
											<th width="15%">登记时间</th>
											<th width="15%">登记名称</th>
											<th width="15%">事件类型</th>
											<th width="28%">内容</th>
											<th width="27%">备注</th>
										</tr>
									</thead>
									<tbody id="receive">

									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script th:src="@{/index/indexInfo/QTouchIndexUserMsg.js}"></script>
</body>
</html>